<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div style="margin: 100px auto; width: 500px">
      <!-- 合并单元格的思路就是你要跨行或者跨栏就写几个,并且将被垮的单元格的删除 -->
      <table border="1" width="500px" cellspacing="0">
        <caption>
          课程表
        </caption>
        <thead align="center">
          <tr>
            <th>项目</th>
            <th colspan="5">上课</th>
            <th colspan="2">活动与休息</th>
          </tr>
        </thead>
        <tbody align="center">
          <tr>
            <td>星期</td>
            <td>星期一</td>
            <td>星期二</td>
            <td>星期三</td>
            <td>星期四</td>
            <td>星期五</td>
            <td>星期六</td>
            <td>星期日</td>
          </tr>
          <tr>
            <td rowspan="4">上午</td>
            <td>3-2</td>
            <td>3-3</td>
            <td>3-4</td>
            <td>3-5</td>
            <td>3-6</td>
            <td>3-7</td>
            <td rowspan="4">休息</td>
          </tr>
          <tr>
            <td>4-2</td>
            <td>4-3</td>
            <td>4-4</td>
            <td>4-5</td>
            <td>4-6</td>
            <td>4-7</td>
          </tr>
          <tr>
            <td>5-2</td>
            <td>5-3</td>
            <td>5-4</td>
            <td>5-5</td>
            <td>5-6</td>
            <td>5-7</td>
          </tr>
          <tr>
            <td>5-2</td>
            <td>5-3</td>
            <td>5-4</td>
            <td>5-5</td>
            <td>5-6</td>
            <td>5-7</td>
          </tr>
          <tr>
            <td rowspan="3">下午</td>
            <td>5-2</td>
            <td>5-3</td>
            <td>5-4</td>
            <td>5-5</td>
            <td>5-6</td>
            <td>5-7</td>
            <td rowspan="3">休息</td>
          </tr>
          <tr>
            <td>5-2</td>
            <td>5-3</td>
            <td>5-4</td>
            <td>5-5</td>
            <td>5-6</td>
            <td>5-7</td>
          </tr>
        </tbody>
        <!-- <tfoot align="center">
          <tr>
            <td>6-1</td>
            <td>6-2</td>
            <td>6-3</td>
            <td>6-4</td>
            <td>6-5</td>
            <td>6-6</td>
            <td>6-7</td>
            <td>6-8</td>
          </tr>
        </tfoot> -->
      </table>
    </div>
  </body>
</html>
